.contact {
  background-image: url("about-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 3rem 0;
  width: 100%;
  margin: 10rem 0 0;
}
.contact-main-heading {
  margin: 4rem auto;

  font-size: 3.5rem;
  color: #19772b;
  text-align: center;
}
.contact-card {
  width: 20%;
}
.contact-cards {
  display: flex;
  color: white;
  justify-content: space-evenly;
  padding: 4rem;
}

.contact-heading {
  font-size: 2rem;
}
.contact-info {
  font-size: 1.5rem;
}
.contact-cards .fa-envelope,
.contact-cards .fas {
  font-size: 5rem;
  padding-bottom: 1rem;
}
@media (max-width: 700px) {
  .contact-cards {
    padding: 4rem 0;
  }
}